<!--
 * @Autor: dingxiaolin
 * @Date: 2021-06-18 14:56:22
 * @LastEditors: dingxiaolin
 * @LastEditTime: 2021-07-23 15:45:31
-->
<template>
    <a-card :bordered="false" style="display: flex; justify-content: center; align-items: center; height: 100%">
        <img src="@/assets/images/welcome.png" class="logo" alt="logo" />
    </a-card>
</template>

<script lang="ts">
import { defineComponent, ref, watchEffect } from 'vue'
import { useStore } from '@/store'

export default defineComponent({
    name: 'Welcome',
    components: {},
    setup() {
        const userInfo = useStore().getters['user/userInfo']

        return {
            userInfo
        }
    }
})
</script>

<style lang="scss" scoped>
.box {
    width: 100%;
    height: calc(100vh - 280px);
    display: flex;
    flex-direction: column;

    img {
        flex: 1;
        min-height: 0;
    }

    .ant-form {
        flex: 2;
    }
}
</style>
